<template>
  <div class="repairCenter">
    <el-card shadow="never">
      <ul class="mui-table-view">
        <li class="mui-table-view-cell">
          维修单号
          <span style="color: red;">*</span>
          <span class="content">WN20190801007</span>
        </li>
        <li class="mui-table-view-cell">
          维修数量
          <span style="color: red;">*</span>
          <span class="content">2</span>
        </li>
        <li class="mui-table-view-cell">
          成功数量
          <span style="color: red;">*</span>
          <span class="content">1</span>
        </li>
        <li class="mui-table-view-cell">
          报废数量
          <span style="color: red;">*</span>
          <span class="content">0</span>
        </li>
				<textarea cols="10" rows="2" placeholder="审批备注"></textarea>
				<li class="mui-table-view-cell">
				  返回工序
				  <span class="content"></span>
				</li>
      </ul>

      
      <!-- <div class="checkBox">
        <el-checkbox v-model="checked">注塑</el-checkbox>
      </div> -->
			<div class="mui-input-row mui-checkbox mui-left">
				<label>注塑</label>
				<input name="checkbox" value="0" v-model="checks" type="checkbox">
			</div>
     
    </el-card>

     <div class="btn">
      <mt-button size="large" type="primary">确定</mt-button>
      <mt-button size="large" type="default" @click="goBack">取消</mt-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      label: "合格",
      value: "",
      options: [{ label: "合格", value: "1" }, { label: "不合格", value: "2" }],
      checked: "",
			checks:[]
    };
  },
  methods: {
    goDealPerson() {
      this.$router.push({ name: "dealPerson" });
    },
    goBack() {
      this.$router.go(-1);
    },
    check() {
      if (this.value === "1") {
        this.label = "合格";
      } else {
        this.label = "不合格";
      }

      this.dialogVisible = false;
    }
  }
};
</script>

<style scoped="scoped">
	.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
		margin-left: -5px;
	}
	.mui-input-group .mui-input-row{
		height: 50px;
	}
.mui-table-view-cell > a:not(.mui-btn) {
  font-size: 16px;
}
.mint-button--large {
  margin-top: 10px;
  
}

.content {
  margin-left: 50px;
  color: #797575;
  font-size: 16px;
}
textarea {
  border: none;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 0;
	height: 90px;
}
.checkBox {
  height: 30px;
  font-size: 16px;
}
.btn {
  margin: 0 10px;
}
.mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio]{
		padding-top: 8px;
	}
</style>
